<template>
  <div class="app-container">
    <!--表单-->
    <el-form :inline="true" class="demo-form-inline">

      <el-form-item label="日期">
        <el-date-picker
          v-model="day"
          type="date"
          placeholder="选择要统计的日期"
          value-format="yyyy-MM-dd" />
      </el-form-item>

      <el-button
        :disabled="btnDisabled"
        type="primary"
        @click="create()">生成</el-button>
    </el-form>

  </div>
</template>

<script>
import statistics from '@/api/statistics'
export default {
    data() {
        return {
            day: '',
            btnDisabled: false
        }
    },
    created() {

    },
    methods: {

        // 生成按钮
        create() {
            this.insertStaByDay()
        },

        // 根据天数统计人数，生成统计数据
        insertStaByDay() {
            statistics.insertStaByDay(this.day)
                .then(response => {
                    this.$message({
                        type: 'success',
                        message: '统计数据添加成功'
                    })
                    // 跳转回图表显示
                    this.$router.push({path: '/statistics/show'})
                })
        }
    }
}
</script>